@charset "utf-8";
/*首页开始*/
@media screen and (max-width: 800px) {
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
body {padding:0px;margin:0px auto;color:#333333;background:#ffffff; min-width:100%;  font-family:"微软雅黑";font-size:0.24rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
ul,p,h1,h2,h3,h4,h5,h6,li,p{padding:0px;margin:0px;list-style:none;}
select,input{ outline:0}
.page{margin:0 auto;width:100%;}
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
.fl{ float:left}
.fr{float:right;margin: 0.1rem 0;}
.animated {-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-fill-mode: none;animation-fill-mode: none;}
.animationName{animation-name: none !important;}
/*顶部*/
.head{height: 0.40rem;background: #f2f2f2;position: relative;float:left;width:100%;font-size:0.24rem;border-bottom: 1px solid #e0e0e0;position: fixed;z-index: 100;}
.head li{display:none;}
.head h1,.head .fl{max-width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 0.40rem;font-size:0.24rem;font-weight:normal;}
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a {display: inline-block;font-size: inherit;/* line-height: 0.45rem; */padding: 0 0.1rem;cursor: pointer;position: relative;float:left;border-left: 1px dotted #e0e0e0;}
/*LOGO*/
.top {padding: 0.2rem 0 0.3rem 0;height: 0.9rem;width: 100%;float:left;position: fixed;margin-top: 0.4rem;z-index: 100;background: #fff;box-shadow: 1px 1px 5px #e2e2e2;}
.top > .page > .logo{display: block;margin-right: 0.1rem;height: 0.9rem;width: 1.4rem;position: relative;padding-right: 0;}
.top > .page > .logo > a > img{display: block;max-height: 100%;max-width: 100%;position: absolute;margin: auto;top: 0;bottom: 0;left: 0;height: auto;right: 0;}
.top > .page > .logo > a{display: block;height: 100%;width: 100%;float: left;}
.top > .page >.logo_2{display: block;height: 0.9rem;padding-left: 0.1rem;border-left: 1px solid #e7e7e7;margin-top: 0;width: 4.8rem;line-height: 0.9rem;overflow: hidden;}
.top > .page >.logo_2 > strong{display: block;font-size: 0.32rem;font-weight: bold;line-height: 0.48rem;color: #385CBA;margin: 0.04rem 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top > .page >.logo_2 > p{display: block;font-size:0.24rem;line-height: 0.3rem;color: #F21F18;padding-bottom: 0.04rem;font-weight: 700;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top > .page > .top_tel{height: 0.9rem;display: none;}
.top > .page > .top_tel > i{float:left;background: url(../pic/tel.png) 0 50% no-repeat;width: 0.8rem;height: 0.9rem;display: block;background-size: 0.8rem 0.8rem;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top > .page > .top_tel > p{font-size: 0.24rem;color: #ae1c2f;line-height:0.28rem;height: 0.9rem;float:left;margin-left:0.1rem;margin-top:0.07rem;font-weight:bold;}
.top > .page > .top_tel > p span{font-size: 0.16rem;display: block;line-height: 0.22rem;font-weight:normal;color: #666;}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 0.5rem;height: 0.5rem;background: url(../pic/lanmu.png) no-repeat;background-size: 0.5rem;float: left;color:#fff;padding: 0 0 0 0;/* overflow: hidden */position: absolute;top: 0.93rem;right: 0.2rem;position: fixed;z-index: 100;}
.index-nav-frame{width: 12rem;margin: 0 auto;height: 0.6rem;display: none;}
.Nptline{z-index: 999;width: 1.2rem;float: left;position: relative;display: block;outline: none;cursor: pointer;line-height: 0.6rem;text-align: center;margin: 0;font-size: 0.16rem;background: url(../pic/menulibg.png) no-repeat 0 50%;}

.Nptline:hover{background: #d60000;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.Nptline a{color:#fff;}
.Nptcenter a:first-child{margin-top:0;}
.Nptcenter{width: 1.2rem;background: url(../pic/u59.png) 50% 0 no-repeat;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 0.01rem;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.Nptcenter a{width: 90%;font-weight: normal;font-size:0.24rem;text-align: center;background:#FFF;color: #000;float:left;height: 0.35rem;line-height: 0.3rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;margin-left: 0.06rem;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter a:hover{background: #fff;color: #000;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp {width:100%;height: 3rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;margin-top: 1.8rem;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height: 3rem;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 99;}
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#385CBA;width:0.4rem; }
/*关于我们*/
.company{float:left;width:100%;background: url(../pic/about_bg.jpg) top center;position: relative;}
.company .page{border-radius: 0.15rem;height: auto;position:relative;padding: 0.4rem 0.4rem;width: calc(100% - 0.8rem);float: left;}
.company:before {content: '';clear: both;display: block;width: 100%;height: 0.16rem;background: url(../pic/al_bg_top.jpg) repeat-x;background-size: 0.59rem 0.16rem;position: absolute;top: 0;left:0;}
.company:after {content: '';clear: both;display: block;width: 100%;height: 0.16rem;background: url(../pic/al_bg_bot.jpg) repeat-x;background-size: 0.59rem 0.16rem;position: absolute;bottom: 0;left:0;}
.company .fl{width: calc(100% - 2px - 0.08rem);float:left;height:3.45rem;border:1px solid #ededed;padding:0.04rem;position:relative;}
.company .fl img{left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;max-width: 100%;max-height:3.45rem;}
.company .fr{float: left;width: 100%;background-size: 2.54rem 0.42rem;}
.company .fr strong{font-size: 0.3rem;color: #343434;line-height: 0.45rem;display: block;float: left;width: 100%;text-align: center;}
.company .fr strong .color { font-size: 0.3rem; color: #006bbd; display: inline-block;}
.company .fr strong .small { display: block;  font-size: 0.15rem;  color: #343434;  font-weight: 100;  line-height: 0.2rem;}
.company .fr p {font-size: 0.24rem;color: #2f2f2f;text-indent: 2em;line-height: 0.4rem;padding-top: 0.2rem;font-weight: 400;height: auto;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.company_in_btn{/* float:left; */width: 100%;margin: 0 auto;}
.company_in_btn a{display: block;border: 1px solid #666;border-radius: 0.5rem;line-height: 0.36rem;width: 1.4rem;height: 0.36rem;text-align: center;float:left;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;margin-right: 0;margin-left: 40%;}
.company_in_btn a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;background: #d60000;}
.company_in_btn a  i{color: #666;font-style: normal;font-size: 0.24rem;display: block;line-height: 0.4rem;width: 100%;position: relative;z-index: 3;transition: 0.3s all ease;}
.company_in_btn a:hover:before{left:-100%;}
.company_in_btn a:hover{border-color: rgba(255,255,255,0)}
.company_in_btn a:hover i{color: #666;animation:none;}
/*产品展示*/
.wd1200{width:100%;margin: 0 auto;position: relative;}
.supply{width:100%;float: left;}
.wd1200 .title{padding: 0.3rem 0;text-align: center;position: relative;}
.wd1200 .title:before{height:0.05rem; border-top:1px solid #d7d9db; border-bottom:1px solid #d7d9db; margin:0px auto; max-width:3.5rem; width:100%; position:absolute; left:0px; right:0px; top:0.69rem; z-index:0; content:'';box-sizing: border-box;}
.wd1200 .title h2{width:2.2rem;height:0.54rem;line-height:0.54rem;display:block;margin:0 auto;-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;text-align:center;position:relative;background:#36404b;z-index:1;color:#fff;font-weight: normal;font-size: 0.3rem;}
.wd1200 .title h2:before{width:0.1rem; height:0.54rem; line-height:0.54rem; display:block; content:''; position:absolute; top:0; left:-0.24rem;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;border-width:0 0 0.54rem 0.24rem; border-color:transparent transparent #36404b transparent; border-style:solid;box-sizing: border-box;}
.wd1200 .title h2:after{width:0.1rem; height:0.54rem; line-height:0.54rem; display:block; content:''; position:absolute; top:0; right:-0.24rem;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;border-width:0.54rem 0.24rem 0 0; border-color:#36404b transparent transparent transparent; border-style:solid;box-sizing: border-box;}
.wd1200 .title p{display:block;color:#777;margin:0.3rem 0.15rem 0 0.15rem;font-size: 0.24rem;}
.wrap2 .floorlm{width: calc(100% - 0.1rem);float: left;font-size: 0.24rem;text-align: center;overflow: hidden;height: 0.55rem;margin-left: 0.1rem;}
.wrap2 .floorlm li{width: calc(20% - 0.2rem);margin-left: 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.4rem;line-height: 0.4rem;position:relative;cursor: pointer;color: #666;font-weight: normal;margin: 0 0.1rem 0 0;text-align: center;/* display: inline-block; */background: #e9e9e9;padding: 0.1rem 0.05rem;float: left;}
.wrap2 .floorlm li:hover{color: #fff;background: #d60000;}
.wrap2 .floorlm .active{color: #fff;background: #d60000;}
.wrap2 .floorlm li h2{ font-weight:normal}
.wrap2 .floornr{float:left;width: 100%;margin-top: 0.1rem;background:#fff;}
.wrap2 .floornr ul .chanpin{float:left;width: 100%;margin-top: 0.2rem;}
.wrap2 .floornr ul .chanpin a{float:left;width: calc(50% - 0.2rem);margin: 0px 0.1rem 0.2rem 0.1rem;position: relative;transition: all .5s ease;}
.wrap2 .floornr ul .chanpin span{transition: 0.5s all ease;width: calc(100% - 2px - 0rem);height: 3rem;border:1px solid #ededed;padding: 0rem;float:left;position:relative;margin-left: 0;overflow: hidden;}
.wrap2 .floornr ul .chanpin span img{transition: 0.5s all ease;width: 100%;height: auto;margin: auto;left: -500%;right: -500%;top: -500%;bottom: -500%;position:absolute;}
.wrap2 .floornr ul .chanpin h3{transition: 0.5s all ease;width: calc(100% - 0.4rem);line-height: 0.5rem;height: 0.5rem;font-weight:normal;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.28rem;position: absolute;bottom: 0;z-index: 9;background: #385CBA;padding: 0.05rem 0.2rem;color: #ffffff;left: 0rem;}
.wrap2 .floornr ul .chanpin a:hover{transition: 0.5s all ease;background:#f0f0f0;-webkit-transform:translateY(-0.05rem);-moz-transform:translateY(-0.05rem);-ms-transform:translateY(-0.05rem);-o-transform:translateY(-0.05rem);transform:translateY(-0.05rem)}
.wrap2 .floornr ul .chanpin a:hover img{transition: 0.5s all ease;transform:scale(1.05);-webkit-transform:scale(1.05);}
.wrap2 .floornr ul .chanpin a:hover h3{background: #063387;transition: 0.5s all ease;}
.supply .cpmore{overflow: hidden;display: block;width: 3.15rem;height: 0.45rem;line-height: 0.45rem;text-align: center; background-color: #385CBA;border-radius: 0.05rem; box-shadow: 0.1rem 0.1rem 0.1rem #ccc; margin: 0.4rem auto;position: relative;transform: rotate(0deg);transition: 0.3s all ease;}
.supply .cpmore i{position:relative;font-style:normal;font-size: 0.24rem;color: #fff !important;z-index: 3;transition: 0.3s all ease;}
.supply .cpmore:before{content:"";display: block;width: 100%;height: 100%;position: absolute;top:0;background: #d60000;left: -100%;transition: 0.3s all ease;}
.supply .cpmore:hover:before{left:-100%}
.supply .cpmore:hover{color:#fff;text-decoration:none;animation: none;}
.ysad{width:100%;float: left;margin:0.4rem 0;}
.ysad h2{font-size: 0.3rem;color:#385cba;width:100%;text-align: center;padding-bottom: 0.1rem;}
.ysad p{font-size: 0.24rem;color:#b8b8b8;text-transform: uppercase;text-align: center;display: block;}
.ysad .ys{ float:left; width:100%; margin-top:0.2rem;}
.ysad .ys li{margin:0 auto;width:100%;overflow:hidden;height: auto;max-height: 100%;}
.ysad .ys .ys01 span{float:left;width: 40%;height: 2.7rem;margin-left: 0.1rem;margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys01 dl{float:right;width: 58%;margin-top: 0;}

.ysad .ys .ys02 span{float:right;width: 40%;height: 2.7rem;margin-right: 0.1rem;margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys02 dl{float:left;width: 58%;margin-top: 0;}
.ysad .ys .ys03 span{float:left;width: 40%;height: 2.7rem;margin-left: 0.1rem;margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys03 dl{float:right;width: 58%;margin-top: 0;}
.ysad .ys .ys04 span{float:right;width: 40%;height: 2.7rem;margin-right: 0.1rem;margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys04 dl{float:left;width: 58%;margin-top: 0;}

.ysad .ys span img{width: 100%;height:auto;position:absolute;left:0;top:0;z-index:1;}
.ysad .ys dl dt{width: 0;background: url(../pic/ys_03.jpg) no-repeat 0.12rem 0.16rem;background-size: 65%;height: 0.75rem;text-align: center;line-height: 0.85rem;font-size: 0.26rem;color: #fff;font-weight: bold;float: left;}
.ysad .ys dl dd{float:right;width: calc(100% - 0.2rem);padding: 0;margin: 0 0.1rem;}
.ysad .ys dl dd h3{font-size: 0.26rem;color: #385CBA;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0.15rem 0 0.05rem 0;}
.ysad .ys dl dd strong{padding:0;margin:0;font-weight:normal;color: #c2c2c2;height: auto;font-size: 0.24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ysad .ys dl dd p {font-size: 0.24rem;color: #666666;margin-top: 0.1rem;text-align: left;background: url(../pic/ys_03.gif) no-repeat 0 0.06rem;padding-left: 0.2rem;background-size: 0.09rem 0.1rem;line-height: 0.36rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case{float:left;width:100%;}
.case .RYC{ float:left; width:100%; margin-top:0.2rem; height:2.2rem; padding-bottom:0.1rem;  position:relative}
.case .RYC .left{ float:left;  width:0.3rem; height:2.2rem; cursor:pointer; position:relative}
.case .RYC .left .btn{width: 0.27rem;height: 0.59rem;background: url(../pic/scroll_btn1.gif) 0.27rem 0; margin-top: 0.59rem; background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .left .btn:hover{background: url(../pic/scroll_btn1.gif) 0 0;background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .right{ float:right;  width:0.3rem; height:2.2rem;; cursor:pointer; position:relative}
.case .RYC .right .btn{width: 0.27rem;height: 0.59rem;background: url(../pic/scroll_btn1.gif) 0.27rem 0.59rem; margin-top: 0.59rem; background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .right .btn:hover{background: url(../pic/scroll_btn1.gif) 0 0.59rem;background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .ul01{float:left;padding: 0.1rem 0;width: 2.2rem;height:2rem;background:#ffffff;margin: 0px 0.05rem;}
.case .RYC .ul01 .li01{float:left;width: 2.2rem;height:1.5rem;position: relative;border: 1px solid #e0e0e0;}
.case .RYC .ul01 .li01 img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;max-width: 2.2rem;max-height:1.5rem;}
.case .RYC .ul01 .li02{float:left;width: 2.2rem;height:0.5rem;line-height:0.5rem;overflow:hidden;color:#666666;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: '微软雅黑';text-align:center;font-weight: 400;font-style: normal;font-size: 0.26rem;}
.RYC .swiper{width: calc(100% - 0.6rem);height: 2.2rem;position: relative;display: inline-block;overflow: hidden;float: left;}
.RYC .swiperBox{height: 2.2rem;position: absolute;top: 0px;left: 0px;}
.news{width:100%;float: left;}
.news .leftDiv{height: auto;width: 100%;max-height: 5.85rem;overflow: hidden;}
.news .leftDiv .mxfDiv{padding-top: 0.3rem;padding-left: 0.2rem;padding-right: 0.6rem;width: calc(100% - 0.4rem);}
.news .leftDiv .toptop{height: 0.58rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.1rem;position: relative;padding-bottom: 0.17rem;}
.news .leftDiv .tab li{float: left;font-weight: bold;/* margin-right: 0.4rem; */width: 1.2rem;height: 0.4rem;line-height: 0.4rem;font-size: 0.26rem;color: #2e2e2e;position: relative;cursor: pointer;text-align: center;padding: 0 0.4rem;}
.news .leftDiv .tab .liNow{color: #fff;background: #385CBA;padding: 0.1rem 0.4rem;}
.news .leftDiv .tab .liNow:after{ width: 100%;}
.news .leftDiv .more{position: absolute;right: 0;top: 0;line-height: 0.32rem;/* font-weight: bold; */font-size: 0.12rem;}
.news .leftDiv .more a{color: #5a5a5a;font-size: 0.24rem;}
.news .leftDiv .more a:hover{ color: #005dae;font-weight:bold}
.news .leftDiv .tabContent.on{animation: fadeOfOpacity .8s linear;}
.news .leftDiv .detail{position: relative;padding-left: 2.4rem;height: 1.8rem;}
.news .leftDiv .detail .imgDiv{position: absolute;left: 0;top: 0;width: 2.2rem;overflow: hidden;height: 1.8rem;}
.news .leftDiv .detail .imgDiv img{/*width:3.2rem;*/height: 1.8rem;position: absolute;margin: auto;top: -50%;bottom: -50%;left: -50%;right: -50%;}
.news .leftDiv .detail .name{line-height: 0.36rem;height: 0.36rem;font-size: 0.28rem;text-align: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .leftDiv .detail .name a{color: #3f3f3f;}
.news .leftDiv .detail .name a:hover{color: #385CBA;font-weight:bold;text-decoration:none;}
.news .leftDiv .detail .btnDiv{color: #c9c9c9;font-family:Gotham;font-size:0.24rem;padding: 0.08rem 0.2rem;position: absolute;bottom: 0;right: 0;background: #fcd201;}
.news .leftDiv .detail .content{font-size: 0.24rem;line-height: 0.3rem;max-height: 0.9rem;color: #8c8989;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top: 0.1rem;}
.news .leftDiv .detail .btnDiv:hover{animation: none;}
.news .leftDiv .list{padding-top: 0.2rem;}
.news .leftDiv .list h3{position: relative;padding-right: 0.95rem;font-size: 0.26rem;background: url(../pic/nesicon.png) no-repeat 0;padding-left: 0.2rem;background-size: 0.16rem 0.16rem;}
.news .leftDiv .list h3 a{display: block;height: 0.4rem;color: #2e2e2e;line-height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.news .leftDiv .list h3 span{font-family:Gotham;color: #5a5a5a;position: absolute;right: 0;top: 0;line-height: 0.4rem;font-size:0.24rem;font-weight: normal;}
.news .leftDiv .list h3 a:hover{ color: #385CBA;text-decoration: none;font-weight:bold}
.news .xwyb{width: calc(100% - 0.4rem);float: left;height: auto;overflow: hidden;padding: 0 0.2rem;}
.news .xwyb .cjwts{margin-top: 0.3rem;/* height: 0.22rem; */line-height:0.22rem;padding:0px 0px 0.17rem 0px;width: 100%;float: left;border-bottom: 1px solid #e5e5e5;}
.news .xwyb .cjwts b{width: 1.2rem;text-align: center;color: #fff;float:left;font-size: 0.26rem;font-weight:bold;background: #385CBA;padding: 0.1rem 0.4rem;height: 0.4rem;line-height: 0.4rem;}
.news .xwyb .cjwts a{font-weight:normal;float: right;line-height: 0.4rem;font-size:0.24rem;height: 0.4rem;margin-top: 0.05rem;width: auto;color: #5a5a5a;}
.news .xwyb .cjwts a:hover{color: #385CBA;font-weight:bold;}
.news .xwyb .wenti ul li{float:left;width: 100%;padding: 0.16rem 0;border-bottom: 1px solid #e5e5e5;}
.news .xwyb .wenti ul li p{background: url(../pic/wen.jpg) no-repeat left;background-size:0.19rem 0.19rem;padding-left: 0.25rem;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 0.1rem;font-size: 0.26rem;}
.news .xwyb .wenti ul li span{background: url(../pic/da.jpg) no-repeat left;background-size:0.19rem 0.19rem;color: #7d7d7d;padding-left: 0.25rem;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;}
.news .xwyb .wenti ul li a:hover p{color: #385CBA;font-weight:bold;text-decoration:none}
.link{width: calc(100% - 0.1rem);float: left;margin: 0.4rem 0.1rem 0.1rem 0.1rem;}
.link h4{display: block;background: #fff;color: #2e2e2e;font-size: 0.24rem;position: relative;height: 0.3rem;width: 100%;}
.link h4:before{content:"";width: calc(100% - 1.3rem);border-bottom:1px solid #ccc;position: absolute;top: 0.1rem;left: 1.1rem;}
.link p{display: block}
.link p a{display: block;color: #5a5a5a;font-size:0.24rem;margin: 0 0.24rem 0.1rem 0;float: left;}
.bottom{float:left;width:100%;height: 0.6rem;line-height: 0.6rem;background: #ED9321;overflow: hidden}
.bottom a{color:#352e2e;width:1rem;padding: 0 0.1rem;font-size:0.24rem;overflow: hidden;}
.foot{width: 100%;float: left;background: none;padding-bottom: 1.4rem;}
.footnr{width: calc(100% - 0.2rem);margin: auto;background: #385CBA;float: left;padding: 0 0.1rem;}
.footnr .footwz{float:left;width: 100%;color: #aac2ff;margin: 0.35rem 0;font-size: 0.24rem;line-height:0.32rem;white-space: normal;}
.footnr .footwz a{color: #aac2ff;}
.footnr .footwz a:hover{ color: #f00;}
.footnr .footwz2{ background: url(../pic/dh.jpg) no-repeat left; font-size: 0.32rem; padding-left:0.45rem; margin-top:0.15rem; }
.footnr .footwz2 p{ font-size:0.12rem; line-height:20px;  }
.footnr .footewm{float: right;margin-top:0.35rem;display: none;}
.footnr .footewm img{width: 1.4rem;}
/*   内页-面包屑  */
.xqymbx{margin:0 auto;width: calc(100% - 0.4rem);background: url(../pic/mbx.png) 0 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.4rem;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;border-bottom: 1px solid #e5e5e5;margin-top: 1.8rem;}
.mbx{margin:0 auto;background: url(../pic/mbx.png) 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: right;color: #8e8e8e;max-width: 70%;overflow: hidden;}
/*   内页-翻页  */

.hpage{font-size:0.24rem;width:100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size:0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


/*   内页-详细描述轮播  */

.house_con{width: calc(100% - 0.18rem);background:#ffffff;padding:0.09rem;border: none;box-shadow: none;margin: 0 auto;overflow: hidden;margin-top: 0.1rem;float: left;margin-bottom: -1.8rem;}

.house_con .jieshao{float: left;width: 100%;}
.house_con .jieshao h1{float:left;width: 100%;line-height: 0.4rem;max-height: 0.4rem;overflow:hidden;padding: 0.4rem 0.1rem 0 0;margin-bottom:0.1rem;text-align: center;font-size: 0.28rem;color: #385CBA;}
.house_con .jieshao .price_con {float:left;padding-bottom: 0.05rem;width: 5.6rem;overflow: hidden;border-bottom:1px dashed #dedede;display: none;}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{float:left;line-height:0.25rem;font-size:0.24rem;color:#000000;padding:0.1rem 0 0.1rem 0;width:5.6rem;display: none;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{float:left;line-height:0.3rem;font-size:0.24rem;color:#000000;width:5.6rem;padding:0.4rem 0 0 0;display: none;}
.house_con .jieshao .san .zx{display: block;width: 2rem;height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #e2011e;text-align: center;text-decoration: none;position: relative;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img {position: absolute;top: 0.15rem;left: 0.2rem;}
.house_con .jieshao .san .zx:hover img{animation: ddh 0.8s ease-out both;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative;margin: 0 auto;float:left;width: 100%;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem;width: calc(100% - 2px);height: 4.04rem;overflow: hidden;float:left;position:relative;border: 1px solid #dedede;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 100%;max-height: 100%;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative;margin-top: 0px;height: 0.7rem;overflow: hidden;float:left;width: calc(100% - 0.6rem);margin-left:0.3rem;margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;}
.house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
        .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.24rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute;left:0px;bottom: 0px;z-index: 10;width: 0.2rem;height: 0.67rem;background:#ccc;cursor:pointer;background:url(../pic/left_arrow.png) 0px 0px no-repeat;background-size: 0.2rem 0.67rem;}
        span.house_imgs_rt{display: block;position: absolute;right:0px;bottom: 0px;z-index: 10;width: 0.2rem;height: 0.67rem;background:#ccc;cursor:pointer;background:url(../pic/right_arrow.png) 0px 0px no-repeat;background-size: 0.2rem 0.67rem;}
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;background-size:0.2rem 0.67rem;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;background-size:0.2rem 0.67rem;}

/*   内页-详细描述，产品分类。  */
.cpmshu{width:100%;margin:0 auto;overflow:hidden;margin-top:0.2rem;padding-bottom:0.2rem;float: left;margin-top: 1.8rem;}
.cpmshu .cpfl{width: 100%;background: #fff;margin-top: 0.1rem;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.2rem;font-weight:bold;display: none;}
.cpmshu .cpfl .li02 {color: #f7f7f7;font-size: 0.12rem;display: block;text-align: center;float:left;width:2.5rem;line-height: 0.35rem;display: none;}
.cpmshu .cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.cpmshu .cpfl .li03 {width: 100%;background: #fff;padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;overflow: hidden;height: 1.2rem;}
.cpmshu .cpfl .hiddle{display:none;}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{float: left;width: 1.73rem;font-size: 0.24rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0;margin: 0.1rem 0.05rem;border: 1px solid #ededed;line-height: 0.24rem;text-align: center;padding: 0.1rem 0;font-weight: normal;}
.cpmshu .cpfl .li03 h2 a:hover{color:#385CBA;}
.cpmshu .cpfl .li03 h3{float: left;width: 0;font-size: 0.13rem;line-height: 0;padding-left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0;display: none;border-bottom: 0;font-weight: normal;}
.cpmshu .cpfl .li03 h3:hover a{color:#385CBA;font-weight:bold}
.cpmshu .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.cpmshu .cpfl .li03 h3:hover:before{background:#385CBA}
.cpmshu .cpfl h2 span{position: absolute;left: 0.1rem;cursor:pointer;background: #385CBA;color: #fff;border-radius: 50%;width: 0.16rem;height: 0.16rem;line-height: 0.14rem;text-align: center;font-size:0.24rem;display: none;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: calc(100% - 0.4rem);padding: 0.2rem 0.2rem;border: none;box-shadow: none;line-height:0.25rem;font-size:0.24rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: left;margin-top: 0.3rem;}
.cpmshu .miaoshu img{max-width: 100%;padding:0.1rem;}
.paging_prev {float: left;width: 100%;line-height: 0.3rem;padding: 0.1rem 0px 0 0px;font-size: 0.24rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;line-height: 0.4rem;}
.cpmshu .miaoshu .contern img{max-width:100%;padding: 0;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size: 0.26rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;margin: 0;}
.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#006bbd; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.24rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{width: 100%;font-size:0.24rem;font-weight:bold;float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top:0.3rem;text-align:center;}
.cpmshu .miaoshu .text{width: 100%;float:left;text-align:center;padding:0.2rem 0 0.2rem 0;border-bottom:1px solid #ededed;color:#888888;}
.cpmshu .cpfl .li03 .tjbt{padding: 0 0.1rem;width: 2.2rem;  line-height: 0.4rem; height: 0.4rem; border-bottom: 1px solid #e2e2e2; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.cpmshu .cpfl .li03 .tjbt:hover{color:#385CBA;font-weight:bold}
/*   内页-资讯列表  */

.cpmshu .newslist{width: calc(100% - 0.2rem);padding: 0 0.1rem;line-height:0.25rem;font-size:0.24rem;float: left;margin-top: 0.3rem;} 
.cpmshu .newslist .tittle{margin: 0 0 0.1rem 0;width: 100%;}

.cpmshu .newslist li{float:left;border-bottom:1px solid #ededed;padding:0.15rem 0;width: 100%;}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{float:right;width: calc(100% - 2.2rem);position:relative;height:1.45rem;}
.news_con_txt h2{width: 100%;float: right;color: #333333;height: 0.4rem;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;position: relative;font-size: 0.26rem;}
.news_con_txt h2 a:hover{color:#ae1c2f;text-decoration:none}
.news_con_txt h2:before{content:"";position:absolute;width:1rem;height: 0.04rem;background: #ae1c2f;bottom: 0.1rem;}
.news_con_txt p{max-height: 0.48rem;line-height: 0.25rem;font-size:0.24rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.24rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{float:left;width: calc(100% - 0.1rem);position:relative;padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0;  top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 100%;float: left;color: #333333;height: 0.4rem;overflow: hidden;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.28rem;}
.news_con_txt1 h2 a:hover{color:#333333;text-decoration:none;font-weight:bold}
.news_con_txt1 p{max-height: 0.8rem;line-height: 0.36rem;font-size:0.24rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;color:#666666;}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.24rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size:0.24rem;width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size:0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none;}

/*   内页-产品中心  */
.cpmshu .majority{width: 100%;line-height:0.25rem;font-size:0.24rem;float:right;margin-top: 0.2rem;}
.cpmshu .tittle{width: calc(100% - 0.2rem);float:left;margin: 0 0.1rem 0.2rem 0.1rem;border-bottom: 1px solid #e5e5e5;} 
.cpmshu  .tittle h2{float:left;font-weight:bold;font-size: 0.26rem;position:relative;padding-bottom:0.1rem;height: 0.3rem;line-height: 0.3rem;color: #385CBA;}

.cpmshu .majority li{width: calc(50% - 0.2rem - 2px);margin-left: 0.1rem;margin-right: 0.1rem;float:left;height: 3.4rem;overflow:hidden;padding: 0;border:1px solid #ededed;margin-bottom:0.2rem;position:relative;}
.cpmshu .majority li span{width: 100%;height:2.73rem;float:left;position:relative;padding: 0;}
.cpmshu .majority li span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.73rem;max-width: 100%;}
.cpmshu .majority li .xqnr{position: absolute;background: #385CBA;width: 100%;top: 2.8rem;transition: 0.8s all ease;color: #fff;}
.cpmshu .majority li:hover .xqnr{top:2.8rem;  transition: 0.8s all ease;}
.cpmshu .majority li .course{width:2.73rem;text-align: center;position: absolute;bottom: 0;background:#fff;display: none;}
.cpmshu .majority li h2{float:left;width: 100%;font-size: 0.26rem;line-height: 0.6rem;font-weight:normal;padding: 0;position:relative;z-index:3;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}

.cpmshu .majority li p{font-size:0.12rem;color:#93999f;height: 0.8rem;overflow: hidden;float: left;display: none;}
.cpmshu .majority .hpage{font-size:0.24rem;width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size:0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}
.xq{margin-top:0}
/*单页*/
.cpmshu .newslist .about{line-height: 0.4rem;font-size: 0.24rem;float:left;width:100%;margin-top: 0.2rem;}
.cpmshu .newslist .about img{max-width:100%}
/*留言*/
.liuyan{float:left;width: 8.8rem;line-height:0.3rem;}
.Page1C2{float:left;width: calc(100% - 0.3rem - 2px);margin-top:0.2rem;line-height:0.3rem;border:1px solid #ededed;padding: 0.15rem;}
#tianxieone{float:left;width: calc(100% - 0.2rem);padding:0.1rem;border-bottom: 0;}
#tianxietwo{float:left;width: auto;text-align: left;color: #5f5f5f;}
#tianxiethree{float:left;width: 99%;}
#tianxiethree input,#tianxiethree textarea{border: 1px solid #e6e6e6;width: 99%;}
#liuyanshenming{float:left;text-align:center;width: 100%;color: #5f5f5f;border-bottom: 0;}
#lytijiao {width: 60%;float:left;padding: 0.1rem 0;padding-left: 40%;border-bottom: 0;}
#lytijiao input{padding:0.08rem 0.4rem;border:0px;outline:0;background: #385CBA;color:#ffffff;font-weight:bold;border-radius: 0.05rem;}
}